@charset "utf-8";
/***************

***************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,figcaption,code,del,dfn,em,image,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,tf,tr,th {
	border: 0px;
	padding: 0px; 
	font-size: 100%; 	
	-webkit-text-size-adjust:none;
	margin: 0px; 
	font-family: inherit;}


body {
	background-color: #FFFFFF;
	color: #a0a0a0;
	line-height: 18px;
	font-size: 12px;
	font-family:"\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;
	margin: 0px;
	font-weight:normal;}


input,textarea,select
{
	font-family:"\5FAE\8F6F\96C5\9ED1",Arial,sans-serif;
	font-size:12px;
	outline:none;
	background:#fff;}

img {
	border: 0px;
	vertical-align:bottom;}

a, a:link {
	text-decoration: none;
	color:#696171;
	font-family:"\5FAE\8F6F\96C5\9ED1";}

a:hover
{
	text-decoration:none;
	color:#ed6d51;}

ul, li {
	list-style-type:none;}
.left {
	float: left;}
.right {
	float: right;}

.clearfix:after {
	display:block;
	content:'.';
	clear:both;
	height:0px;
	visibility: hidden;}

.yahei{
	font-family:"\5FAE\8F6F\96C5\9ED1";
	font-weight:normal;}

h1,h2,h3,h4
{
	font-family:"\5FAE\8F6F\96C5\9ED1";
	font-weight:normal;}

.relative
{
	position:relative;}

.clearfix {
*display:inline-block;
*zoom:1;
*vertical-align:top;}

.clear
{
	clear:both;
	overflow:hidden;
	height:0;}
lable{ display:block;}
p{ color:#646464;}
/*wangyan*/
@media screen and (min-width:1200px) {
header,nav,footer{ width:100%; margin:0 auto;min-width:1200px;}
}
@media screen and (max-width:1200px) {
header,nav,footer{ width:100%; margin:0 auto;}
}
header:nth-of-type(1) { width:100%;max-width:100%;}
header{max-width:1920px;}
.headlogo{ width:100%; margin:0 auto;background:url(../images/head-bg.png) repeat-x; height:15px; position:relative;z-index:1;}
.headlogo .logo{ background:url(../images/hu-1.png) no-repeat; position:absolute; left:50%; top:0; width:750px; height:124px; margin-left:-375px; z-index:1;}
.headlogo .logo a{ position:absolute; left:50%; top:20px;margin-left:-50px; display:block;}
@media screen and (min-width:1200px) {
header .menu,nav .nav-menu{ width:1168px;margin:0 auto; padding:0 20px 0 12px; z-index:100; position:relative;}
}
@media screen and (min-width:800px) and (max-width:1200px) {
header .menu,nav .nav-menu{ width:95%;margin:0 auto; padding:0 20px 0 12px; z-index:100; position:relative;}	
}
header .menu {z-index:101;}
.yhm input{width:90px;height:28px; padding:0 20px 0 12px; line-height:28px; color:#555; border:0;border:1px solid #dfdfdf; border-top-left-radius:15px;border-bottom-left-radius:15px;border-right:0;}
.yhm2 input{ border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:15px;border-bottom-right-radius:15px;border-right:1px solid #dfdfdf;}
.yhm2{position:relative;}
.yhm2 a.icon{position:absolute; right:7px; top:7px;font-size:14px;}
a.icon i.icon-right-big, a.icon i.icon-search{ color:#723d95;}
a.zc{ background:#ed6d51; border-radius:15px; display:inline-block; zoom:1;color:#fff; padding:0 13px; height:30px;line-height:30px; margin-left:6px;}
a.zc:hover{background:#723d95; color:#fff;}
header .menu .right .yhm2 input{border-top-left-radius:15px;border-bottom-left-radius:15px; width:115px;}
a.wx{ height:28px;line-height:28px; border-radius:15px; display:inline-block;text-align:center;margin-left:10px; border:1px solid #dfdfdf;font-size:12px;width:28px;color:#723D95;}

header .menu div.wx{height:20px;line-height:20px; border-radius:10px; display:inline-block;text-align:center;margin-left:10px; border:1px solid #dfdfdf;font-size:15px;width:28px;color:#723D95;zoom:1;position:relative;z-index:102;cursor:pointer;}
header .menu div.wx i {line-height:20px; text-align:center;}
header .menu div.wx:hover {background:#723D95;color:#fff;border:0;height:20px;width:30px;}
header .menu div.wx ul{ background:#fff; border:1px solid #ccc;display:none;top:35px;left:50%;margin-left:-50px;padding:5px 0;position:absolute;box-shadow:0 0 5px rgba(0,0,0,0.3);width:100px;z-index:999;}
header .menu div.wx:hover ul{ display:block;}
header .menu div.wx ul li{float:none;text-align:center;padding:10px 0;}
header .menu div.wx ul li span {display:block;color:#666;font-size:12px; padding: 0 10px;}
header .menu div.wx ul i{border-color:transparent transparent #ccc;border-style:solid;border-width:0 10px 10px;display:block;height:0;left:50%;margin-left:-10px;position: absolute;top:-10px;width:0;}
header .menu div.wx ul i em{ border-color:transparent transparent #fff;border-style:solid;border-width:0 10px 10px;display:block;height:0;left:-10px;position:absolute;top:1px;  width:0;}

nav{ border-top:1px solid #ebebeb; margin-top:7px;}
@media screen and (min-width:1200px) {
.nav-menu a{ color:#433a4f; display:inline-block; line-height:49px; padding:0 35px; font-size:15px;}
.nav-menu .right  a {padding:0 27px;}
}
@media screen and (min-width:800px) and (max-width:1200px) {
.nav-menu a{ color:#433a4f; display:inline-block; line-height:49px; padding:0 5px; font-size:15px;}	
.nav-menu .right  a {padding:0 5px;}
}
@media screen and (min-width:640px) {
.nav-menu .nav-menu-left li{ float:left; position:relative;}
}
@media screen and (max-width:640px) {
.nav-menu .nav-menu-left li{ float:none; position:relative;}
}
#smenu{display:none;}
.nav-menu .nav-menu-left .pl a{ padding-left:0;}
.nav-menu .nav-menu-left .pr a{ padding-right:0;}
.nav-menu a:hover,.nav-menu a.current{ color:#ed6d51;}
.nav-menu .nav-menu-left .pr ul {margin-left:-65px;}
.nav-menu .nav-menu-left li ul{ background:#fff; border:1px solid #ccc;display:none;top:49px;left:50%;margin-left:-75px;padding:5px 0;position:absolute;box-shadow:0 0 5px rgba(0,0,0,0.3);width:150px;z-index:999;}
.nav-menu .nav-menu-left li:hover ul{ display:block;}
.nav-menu .nav-menu-left li ul li{float:none;}
.nav-menu .nav-menu-left li ul i{border-color:transparent transparent #ccc;border-style:solid;border-width:0 10px 10px;display:block;height:0;left:50%;margin-left:-10px;position: absolute;
    top:-10px;width:0;}
.nav-menu .nav-menu-left li ul i em{ border-color:transparent transparent #fff;border-style:solid;border-width:0 10px 10px;display:block;height:0;left:-10px;position:absolute;top:1px;  width:0;}
.nav-menu .nav-menu-left li ul li a{ padding:0; margin:0;display:block;font-size:14px;line-height:42px;text-align:center;}
.nav-menu .nav-menu-left li ul a:hover{background:#f1eee7;}
@media screen and (max-width:800px) {
header .menu,nav .nav-menu{ width:95%;margin:0 auto; padding:0 0 0 0; z-index:100; position:relative;}
.nav-menu a{ color:#433a4f; display:inline-block; line-height:49px; padding:0 10; font-size:15px;}
.nav-menu .right  a {padding:0 10;}

header #header_top{margin-top:120px;margin-left:-15px;}
header #header_top .zc{padding:0 2px 0 2px;margin:0 0 0 0;font-size:10px;}
}
@media screen and (max-width:640px) {
.nav-menu ul{display:none;}
#smenu{height:30px;padding-top:10px;cursor:pointer;display:block;}
.nav-menu .nav-menu-left ul li ul{display:none;}
.nav-menu .nav-menu-left li:hover ul{ display:none;}
}
footer{ background:#392847;}
footer .foot{ width:1200px; margin:0 auto; position:relative; padding:44px 0 30px 0;}
footer .foot .hu3,footer .foot .logo2{ position:absolute; top:0; left:50%; margin-left:-115px;}
footer .foot .logo2{ margin-left:-28px; top:7px;}
footer .foot .icon {  padding:0 10px 0 2px;}
footer .foot .icon span{ color:#828282;display:block; padding-top:8px; text-align:center;}
footer .foot .text{ padding-left:18px;}
footer .foot .text span{color:#828282;display:block; text-transform:uppercase; padding-bottom:4px;}
footer .foot .notes{ position:relative;}
footer .foot .notes p{ padding-right:231px;}
footer .foot .notes span{ display:block; color:#fff; padding-bottom:4px;}
footer .foot .notes a{ color:#bf9d6d; margin-right:20px;}
footer .foot .notes a:hover,footer .foot a.icon span:hover{ color:#fff;}
footer .foot .notes .s{ position:absolute; top:-95px; right:85px;}
footer .foot .notes .s2{ position:absolute; top:-52px; right:0;}
.select-wrap{ position:relative; cursor:pointer; margin-top:12px;}
footer .foot .selectric{line-height:30px; position:relative; background:#61536c; border:0;}
footer .foot .selectric .button{ position:absolute; top:0; right:10px;color:#fffefe;}
footer .foot .selectric .label,.select-wrap .selectric-list li{color:#fffefe; padding-left:12px;}
.select-wrap .selectric-list{width:133px; line-height:30px; height:60px;background:#fff; color:#000;}
.arrow i{position:absolute;top:50%;left:0;border-bottom:16px solid transparent;border-top:16px solid transparent;border-left:17px solid #fff; margin-top:-24px; height:0;width:0;}
.ar1 i{border-bottom:16px solid transparent;border-top:16px solid transparent;border-right:17px solid #fff; border-left:0; left:auto;right:0;}
.cout-bottom .layout .list li.arrow .playbottom{filter:alpha(opacity=60); background:#fff;background:rgba(255,255,255,0.6);display:block; position:absolute;top:125px;right:127px;width:66px;height:66px;border-radius:34px;}
a .play{ width:58px; height:58px; background:#4d2c72;filter:alpha(opacity=60);background:rgba(77,44,114,0.6); display:block; position:absolute;top:129px;right:131px; border-radius:32px; z-index:10;}
a .play i{ right:19px;border-left:17px solid #fff; border-right:0;border-top-width:13px;border-bottom-width:13px; z-index:20;top:16px; margin:0;}
a.more{color: #a7b4b4;float: right;font-size: 12px;}
h3.hot a{ color:#575757; font-size:16px; display:block; line-height:50px; background:#f1f1f1; border-bottom:2px solid #ed6d51;}
h3.hot a.icon i.icon-chart-bar{ color:#ed6d51; font-size:16px; margin:0 16px 0 27px;}
.pager{clear:both;font-size:14px;margin:29px 0 108px 0;text-align:center;}
.pager a{border:1px solid #aaa;border-radius:3px;display:inline-block;height:32px;line-height:32px;margin:0;padding:0 10px;vertical-align:middle;font-family:Arial;}
.pager b{display:inline-block;height:32px;line-height:32px;margin:0 2px;padding:0 10px;vertical-align:middle;}
.pager a:hover,.pager a.current{background:#835da3;border:0; color:#fff;font-weight:bold;height:34px;line-height:34px;padding:0 11px;text-decoration:none;}
.pager .p{font-size:22px;}
.pager input{border:1px solid #aaa;border-radius:3px;height:32px;line-height:32px;margin:0 5px;text-align:center;vertical-align:middle;width:30px;}
.pager span{color:#777;padding:0 0 0 20px;}
@media screen and (max-width:1200px) {
	footer .foot .left span{display:none;}
	footer .foot .icon{display:none;}
	footer img{display:none;}
	.foot{height:90px;}
	footer .foot .notes{ position:absolute;left:10px;top:50px;}
	footer .foot .notes p{ padding-right:10px;}
	.select-wrap{width:200px;margin-top:-40px;}
}




/*wangyan*/